@import "layout.css";
.box-title h2 { font-size: 12px; color: #FFF; color: #FFF; text-decoration: none; }
.box-title h2 a { color: #FFF; }
.box-title h2 a:hover { color: #CFC; text-decoration: none; }

.main { width: 745px; float: right; }

#Slide { width: 745px; height: 400px; margin: 0 0 5px 0; overflow: hidden; }
#Slide ul { overflow: hidden; }
#Slide ul li img { width: 745px; height: 400px; }

.scroll-box { overflow: hidden; }
.scroll-box .box-title { background: url(title_line.gif) repeat-x 0 bottom; clear: both; overflow: hidden; zoom: 1; }
.scroll-box .box-title h2 { background: url(title_bg1.gif) no-repeat right 0; height: 27px; line-height: 27px; float: left; padding: 0 40px 2px 15px; }
#ScrollBox { border: 1px solid #D9D9D9; border-top: 0; height: 165px; overflow: hidden; zoom: 1; }
#ScrollBox .arrow { width: 30px; float: left; padding: 14px 0 0 0; }
#ScrollBox .arrow a { background: url(scroll_a.gif); text-align: center; display: block; width: 17px; height: 131px; }
#ScrollBox .arrow.al a { background-position: -17px 0; margin: 0 0 0 10px; }
#ScrollBox .arrow.ar a { background-position: 0 0; margin: 0 0 0 5px; }
#ScrollBox .arrow.al a:hover { background-position: -17px bottom; }
#ScrollBox .arrow.ar a:hover { background-position: 0 bottom; }
#ScrollBox .box-content { float: left; width: 680px; overflow: hidden; }
#ScrollBox .box-content ul { height: 160px; overflow: hidden; }
#ScrollBox .box-content ul li { width: 150px; padding: 10px; float: left; }
#ScrollBox .box-content ul li img { width: 150px; height: 110px; margin: 0 0 5px 0; display: block; }

.tab-box { width: 420px; padding: 5px 0 0 0; float: left; }
.tab-box .box-title { background: url(title_line.gif) repeat-x 0 bottom; height: 27px; line-height: 27px; padding: 0 0 2px 0; clear: both; overflow: hidden; zoom: 1; }
.tab-box .box-title h2 { float: left; }
.tab-box .box-title h2 a { color: #333; background: #ECECEC; padding: 0 15px; display: block; }
.tab-box .box-title h2.s a { color: #FFF; background: url(title_bg2.gif) repeat-x; border: 0; }
.tab-box .box-title h2.s a:hover { color: #CFC; }
.tab-box .box-title .more { font-size: 10px; float: right; padding: 0 10px 0 0; }
.tab-box .box-content ul li { background: url(a1.gif) no-repeat 5px center; text-indent: 15px; line-height: 28px; border-bottom: 1px solid #E8E8E8; }

.main .contact-box { width: 320px; padding: 5px 0 10px 0; float: right; }
.main .contact-box .box-title { background: url(box_title1.gif) no-repeat; height: 29px; line-height: 26px; clear: both; overflow: hidden; zoom: 1; }
.main .contact-box .box-title h2 { float: left; text-indent: 15px; }
.main .contact-box .box-title .more { float: right; padding: 0 10px 0 0; }
.main .contact-box .box-title .more a { color: #C9C9C9; }
.main .contact-box .box-title .more a:hover { color: #FFF; }
.main .contact-box .box-content { background: #EBEBEB url(contact_bg1.gif) no-repeat right bottom; height: 145px; overflow: hidden; }
.main .contact-box .box-content p { padding: 5px 10px; }
.main .contact-box .box-content p strong { color: #062; }

.side .contact-box { padding: 0 0 10px 0; margin: -5px 0 0 0; }
.side .contact-box .box-content { background: #EBEBEB url(contact_bg2.gif) no-repeat left top; padding: 50px 0 5px 0; }
.side .contact-box .box-content p { padding: 5px 20px; line-height: 18px; }
.side .contact-box .box-content p strong { color: #062; }
.side .contact-box .msn { background: #FFF; padding: 10px 0 0 0; }

.about .page-title { border-bottom: 2px solid #199643; text-align: right; }
.about .page-title h2 { font-weight: normal; color: #062; font-size: 30px; padding: 5px 0; margin: 0; }
.about .page-title h2 span { color: #E67918; }
.about .page-pic { padding: 10px 0 0 0; }
.about .page-depiction { padding: 10px 0 0 20px; line-height: 20px; }
.about .show-list { padding: 30px 0 0 0; }
.about .show-list ul li { padding: 0 0 20px 0; clear: both; overflow: hidden; zoom: 1; }
.about .show-list ul li .pic { width: 170px; float: left; padding: 0 20px; }
.about .show-list ul li .show { width: 530px; float: right; }
.about .show-list ul li .show h2 { font-size: 14px; }
.about .show-list ul li .show h2 a { color: #062; }
.about .show-list ul li .show .text { line-height: 20px; padding: 10px 0 0 0; }

.team .page-title { border-bottom: 2px solid #199643; text-align: right; }
.team .page-title h2 { font-weight: normal; color: #062; font-size: 30px; padding: 5px 0; margin: 0; }
.team .page-title h2 span { color: #E67918; }
.team .page-pic { padding: 10px 0 0 0; }
.team .page-depiction { padding: 10px 0 0 20px; line-height: 20px; }
.team .page-depiction h3 { font-size: 14px; color: #062; padding: 0 0 10px 0; }
.team .show-list { padding: 30px 0 0 0; }
.team .show-list ul { padding: 0 0 0 20px; }
.team .show-list ul li { padding: 0 0 20px 0; margin: 0 0 20px 0; clear: both; border-bottom: 1px solid #EEE; overflow: hidden; zoom: 1; }
.team .show-list ul li .pic { width: 170px; float: left; padding: 0 20px 0 0; }
.team .show-list ul li .show { width: 530px; float: right; }
.team .show-list ul li .show h2 { color: #062; font-size: 14px; }
.team .show-list ul li .show h2 a { color: #062; }
.team .show-list ul li .show .text { line-height: 20px; padding: 10px 0 0 0; }

.default .page-title { background: url(title_line.gif) repeat-x 0 bottom; clear: both; overflow: hidden; zoom: 1; }
.default .page-title h2 { font-size: 12px; color: #FFF; background: url(title_bg1.gif) no-repeat right 0; height: 27px; line-height: 27px; float: left; padding: 0 40px 2px 15px; }
.default .page-title h2 a { color: #FFF; }
.default .page-title h2 a:hover { color: #CFC; }

.news-list ul { padding: 5px 0 0 0; }
.news-list ul li { margin: 0 0 10px 0; padding: 0 5px 10px 5px; border-bottom: 1px solid #E8E8E8; }
.news-list ul li h3 { font-size: 12px; background: url(a1.gif) no-repeat 0 10px; padding: 5px 0 5px 8px; }
.news-list ul li p { color: #666; line-height: 165%; padding: 0 0 0 8px; }
.news-list ul li .time { font-size: 11px; color: #999; text-align: right; padding: 10px 0 0 0; }

.news-detail { color: #333; padding: 0 5px; }
.news-detail h2 { color: #063; font-size: 24px; padding: 20px 0; text-align: center; border-top: 1px solid #E8E8E8; }
.news-detail .info { background: #EEE; line-height: 22px; text-align: center; }
.news-detail .info span { padding: 0 5px; }
.news-detail .content { font-family: Verdana, Geneva, sans-serif; line-height: 150%; padding: 0 5px; }
.news-detail .content p { padding: 10px 0; }
.news-detail .content a { text-decoration: underline; color: #396; }
.news-detail .content a:hover { text-decoration: none; color: #333; }

.solution { float: left; width: 575px; padding: 0 0 0 5px; }
.solution .page-depiction { color: #062; font-weight: bold; background: #F5F5F5; padding: 10px 20px; line-height: 20px; }
.solution-list ul { padding: 15px 0 0 0; }
.solution-list ul li { font-size: 12px; font-weight: bold; background: url(a1.gif) no-repeat 10px 8px; margin: 0 0 10px 0; padding: 3px 5px 10px 20px; border-bottom: 1px solid #E8E8E8; }

.product { float: left; width: 575px; padding: 0 0 0 5px; }

.product-home { background: url(product_bg.jpg) no-repeat center bottom; padding: 0 0 220px 0; position: relative; overflow: hidden; zoom: 1; }
.product-area { float: left; width: 690px; padding: 10px 0 0 0; }
.product-show h3 { font-size: 16px; color: #FFF; background: #666; height: 35px; line-height: 35px; text-indent: 15px; clear: both; overflow: hidden; margin: 0 0 5px 0; }
.product-show h3 a, .product-show h3 a:hover { color: #FFF; }
.product-show ul { color: #999; font-size: 14px; line-height: 20px; }
.product-show ul li { padding: 0 0 5px 0; overflow: hidden; zoom: 1; }
.product-show ul li h4 { font-size: 12px; background: #EEE; text-indent: 15px; border-bottom: 1px solid #CCC; }
.product-show ul li h4 a:hover { color: #666; }
.product-show ul li .item { float: left; width: 140px; height: 135px; padding: 0 15px 5px 15px; overflow: hidden; }
.product-show ul li .item .pic { font-size: 12px; line-height: 120%; text-align: center; padding: 15px 0 0 0; }
.product-show ul li .item .pic a img { display: block; margin: 0 auto 5px auto; width: 135px; height: 90px; }
.product-show ul li .item .pic a:hover img { border: 1px solid #999; }
.product-show ul li .item .pic a:hover { color: #333; }
.product-show ul li .item .tincture { display: none; }
.product-show ul li .item .tincture p { }
.product-show.s1 h3, .product-kind li.s1 img { background: #FF6E2F; }
.product-show.s1 .pic a img { border: 1px solid #FF6E2F; }
.product-show.s1 ul a { color: #FF6E2F; }
.product-show.s2 h3, .product-kind li.s2 img { background: #3766F0; }
.product-show.s2 .pic a img { border: 1px solid #3766F0; }
.product-show.s2 ul a { color: #3766F0; }
.product-show.s3 h3, .product-kind li.s3 img { background: #696; }
.product-show.s3 .pic a img { border: 1px solid #696; }
.product-show.s3 ul a { color: #696; }
.product-show.s4 h3, .product-kind li.s4 img { background: #C36; }
.product-show.s4 .pic a img { border: 1px solid #C36; }
.product-show.s4 ul a { color: #C36; }
.product-show.s5 h3, .product-kind li.s5 img { background: #66F; }
.product-show.s5 .pic a img { border: 1px solid #66F; }
.product-show.s5 ul a { color: #66F; }
.product-show.s6 h3, .product-kind li.s6 img { background: #993; }
.product-show.s6 .pic a img { border: 1px solid #993; }
.product-show.s6 ul a { color: #993; }
.product-show.s7 h3, .product-kind li.s7 img { background: #C63; }
.product-show.s7 .pic a img { border: 1px solid #C63; }
.product-show.s7 ul a { color: #C63; }
.product-show.s8 h3, .product-kind li.s8 img { background: #09C; }
.product-show.s8 .pic a img { border: 1px solid #09C; }
.product-show.s8 ul a { color: #09C; }
.product-show.s9 h3, .product-kind li.s9 img { background: #C96; }
.product-show.s9 .pic a img { border: 1px solid #C96; }
.product-show.s9 ul a { color: #C96; }
.product-show.s10 h3, .product-kind li.s10 img { background: #69C; }
.product-show.s10 .pic a img { border: 1px solid #69C; }
.product-show.s10 ul a { color: #69C; }
.product-show.s11 h3, .product-kind li.s11 img { background: #933; }
.product-show.s11 .pic a img { border: 1px solid #933; }
.product-show.s11 ul a { color: #933; }
.product-show.s12 h3, .product-kind li.s12 img { background: #09C; }
.product-show.s12 .pic a img { border: 1px solid #09C; }
.product-show.s12 ul a { color: #09C; }

.product-kind { width: 248px; position: absolute; right: 0; }
#ProductKind { width: 246px; border: 1px solid #DDD; position: absolute; }
#ProductKind h2 { font-size: 14px; color: #062; background: #F3F8F5; padding: 8px 14px; }
#ProductKind ul { padding: 3px 0; }
#ProductKind ul li { font-weight: bold; line-height: 28px; text-indent: 8px; overflow: hidden; zoom: 1; }
#ProductKind ul li img { display: inline-block; float: left; width: 12px; height: 12px; margin: 8px 0 0 15px; }
#ProductKind ul li a { display: block; float: left; }

#form_survey { width: 750px; height: 25px; position: absolute; top: 18px; left: 130px; }
#form_survey .inpt { display: inline-block; width: 222px; height: 14px; line-height: 14px; padding: 2px; margin: 1px 0 0 80px; float: left; }
#form_survey .btn { display: block; width: 100px; height: 25px; float: right; }


.product-list { padding: 0 0 8px 0; }
.product-list dl dt, .product-list dl dd { padding: 0 0 2px 0; }
.product-list dl dt a, .product-list dl dd a {  display: block; height: 28px; line-height: 28px; padding: 0 10px; overflow: hidden; }
.product-list dl dt a:hover, .product-list dl dd a:hover { text-decoration: none; color: #FFF; background: url(class_btn_bg.gif) no-repeat left -56px; }
.product-list dl dt a { font-weight: bold; background: url(class_btn_bg.gif) no-repeat; }
.product-list dl dd { text-indent: 5px; }
.product-list dl dd a { background: url(class_btn_bg.gif) no-repeat left -28px; }

.product-list ul { padding: 5px 0 0 0; }
.product-list ul li { margin: 0 0 10px 0; padding: 0 5px 10px 5px; border-bottom: 1px solid #E8E8E8; overflow: hidden; zoom: 1; }
.product-list ul li .pic { float: left; width: 144px; padding: 5px 0 0 0; }
.product-list ul li .pic img { width: 140px; height: 100px; padding: 1px; border: 1px solid #E8E8E8;  }
.product-list ul li .show { float: right; width: 410px; }
.product-list ul li .show h3 { font-size: 12px; background: url(a1.gif) no-repeat 0 10px; padding: 5px 0 5px 8px; }
.product-list ul li .show h3 a { }
.product-list ul li .show p { color: #666; line-height: 165%; padding: 0 0 0 8px; }
.product-list ul li .show .time { font-size: 11px; color: #999; text-align: right; padding: 10px 0 0 0; }

.product-detail{ color: #333; }
.product-detail .page-title { text-indent: 5px; border-bottom: 2px solid #199643; }
.product-detail .page-title h2 { font-weight: normal; font-size: 22px; padding: 5px 0; margin: 0; }
.product-detail .pic { padding: 50px 20px; text-align: center; }
.product-detail .tincture { padding: 0 20px 20px 20px; margin: 0 0 20px 0; border-bottom: 1px solid #E8E8E8; }
.product-detail .tincture p { background: url(a2.gif) no-repeat 0 9px; padding: 5px 0 5px 14px; }
.product-detail .application { padding: 0 20px 20px 20px; margin: 0 0 20px 0; border-bottom: 1px solid #E8E8E8; }
.product-detail .application h3 { color: #082; padding: 0 0 10px 0; }
.product-detail .application p { line-height: 160%; }
.product-detail .sheet { padding: 0 20px; }
.product-detail .sheet a { font-weight: bold; color: #082; text-decoration: underline; }
.product-detail .sheet a:hover { color: #333; text-decoration: none; }

.pic-show { float: right; width: 165px; }
.pic-show h2 { color: #FFF; text-indent: 10px; font-size: 12px; background: #096 url(box_title2.gif) no-repeat; height: 30px; line-height: 28px; overflow: hidden; }
.pic-show .tip { padding: 5px 0 0 0; }
.pic-show .tip a { display: block; margin: 0 0 5px 0; }
.pic-show.m1 ul { padding: 0 13px 10px 13px; border-left: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; zoom: 1; }
.pic-show.m1 ul li { background: url(line2.gif) repeat-x left bottom; padding: 8px 0 11px 0; overflow: hidden; zoom: 1; }
.pic-show.m1 ul li h3 { font-size: 11px; line-height: 16px; padding: 0 0 10px 0; }
.pic-show.m1 ul li h3 a { color: #063; text-decoration: underline; }
.pic-show.m1 ul li h3 a:hover { color: #333; text-decoration: none; }
.pic-show.m1 ul li .pic { width: 72px; height: 62px; float: left; }
.pic-show.m1 ul li .pic img { width: 70px; height: 60px; border: 1px solid #E8E8E8; }
.pic-show.m1 ul li .info { width: 60px; float: right; }
.pic-show.m1 ul li .info .i1 { font-weight: bold; color: #C00; padding: 0 0 5px 0; }
.pic-show.m1 ul li .info .i2 { line-height: 20px; }
.pic-show.m2 ul { padding: 0 13px 10px 13px; border-left: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; zoom: 1; }
.pic-show.m2 ul li { font-weight: bold; background: url(line2.gif) repeat-x left bottom; padding: 11px 0; overflow: hidden; zoom: 1; }
.pic-show.m2 ul li a { color: #060; }
.pic-show.m2 ul li a:hover { color: #333; }
.pic-show.m2 ul li a img { display: block; width: 135px; height: 90px; margin: 0 0 5px 0; border: 1px solid #E8E8E8; }

.user .main { padding: 20px; }
.user .main .info ul li { background: url(a1.gif) no-repeat 0 8px; margin: 0 0 10px 0; padding: 3px 5px 10px 10px; }

#feedback_add { background: #ECECEC; padding: 20px 100px; margin: 10px 0; overflow: hidden; zoom: 1; }
#feedback_add .k_htm { overflow: hidden; zoom: 1; }
#feedback_add .k_htm label { font-weight: bold; line-height: 24px; padding: 0 15px 0 0; display: block; width: 50px; float: left; text-align: right; }
#feedback_add .k_htm p { color: #F63; line-height: 24px; float: left; }
#feedback_add .k_htm p input { width: 200px; }
#feedback_add .k_htm p textarea { width: 600px; height: 130px; }
#feedback_add .k_htm p input ,#feedback_add .k_htm p textarea { margin: 0 5px 0 0; }
#feedback_add .k_htm_in { padding: 0 0 0 62px; }
#feedback_add .k_htm_in input { color: #FFF; font-weight: bold; font-size: 14px; background: #096 url(btn_bg.gif) repeat-x; height: 26px; line-height: 22px; padding: 0 10px; border: 1px solid #063; cursor: pointer; }

.glossary { padding: 10px 0 0 0; }
.glossary .top-index { color: #CCC; font-weight: bold; font-size: 14px; background: #EEE; padding: 5px 15px; }
.glossary .top-index a:hover { color: #F60; text-decoration: none; }
.glossary ul { padding: 0 15px 10px 15px; }
.glossary ul li { padding: 20px 0; border-bottom: 1px solid #E8E8E8; }
.glossary ul li .t { font-weight: bold; color: #F60; }
.glossary ul li .d { color: #333; font-size: 14px; line-height: 130%; padding: 10px 0; }
.glossary ul li .m { background: url(a1.gif) no-repeat 0 6px; padding: 0 0 0 7px; }
.glossary ul li .m a { color: #999; }
.glossary ul li .m a:hover { color: #F60; }

.faqs {}
.faqs .item {}
.faqs .item h2 {}
.faqs .item ul {}
.faqs .item ul li {}
.faqs .item ul li h3 {}
.faqs .item ul li .answer {}
.faqs .item ul li .answer p {}
